{% extends "base/base.html" %}
{% block title %}在线课堂{% endblock %}
{% block link %}
  <link rel="stylesheet" href="../../static/css/course/course.css">
{% endblock %}
{% block main_contain %}
  <main id="course-container">
        <div class="w1200">
            <ul class="course-list">
                {% for one_course in courses %}
                  <li class="course-item">
                      <a href="{% url 'course:course_datail' one_course.id  %}">
                          <img class="course-img" src="{{ one_course.cover_url }}"
                              alt="潭州英语">
                          <div class="course-content">
                              <p class="course-info">{{ one_course.title }}</p>
                              <p class="course-author">{{ one_course.teacher.name }}({{ one_course.teacher.positional_title }})</p>
                              <p class="course-price free">免费</p>
                          </div>
                      </a>
                  </li>
                {% endfor %}

                <li class="course-item">
                    <a href="https://www.shiguangkey.com/course/2432">
                        <img class="course-img" src="http://wx4.sinaimg.cn/mw690/80df6fe6ly1fwquws9xszj209i0dadg3.jpg"
                            alt="变形计 第十六季">
                        <div class="course-content">
                            <p class="course-info">变形计 第十六季</p>
                            <p class="course-author">Youkou(python讲师)</p>
                            <p class="course-price free">免费</p>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </main>
{% endblock %}
{% block script %}

{% endblock %}